<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>resume</title>
    <link rel="stylesheet" href="./css/index.css">
    <link rel="stylesheet" href="//at.alicdn.com/t/font_9c5hwhai6qen4s4i.css">
</head>
<body>
    <!-- Swiper -->
    <div id="loading">loading</div>
    <div class="swiper-container">
        <div class="swiper-wrapper">
            <div class="swiper-slide">
                <div class="ani five-kuang" swiper-animate-effect="bounceInRight" swiper-animate-duration="1.5s" swiper-animate-delay="0.1s"></div>
                <div class="ani five-kuang" swiper-animate-effect="bounceInUp" swiper-animate-duration="1.5s" swiper-animate-delay="0.1s"></div>
                <div class="ani five-kuang" swiper-animate-effect="bounceInLeft" swiper-animate-duration="1.5s" swiper-animate-delay="0.1s"></div>
                <div class="ani six-kuang" swiper-animate-effect="fadeInLeftBig" swiper-animate-duration="1.5s" swiper-animate-delay="0.1s"></div>
                <div class="ani six-kuang" swiper-animate-effect="fadeInDownBig" swiper-animate-duration="1.5s" swiper-animate-delay="0.1s"></div>
                <div class="ani six-kuang" swiper-animate-effect="fadeInRightBig" swiper-animate-duration="1.5s" swiper-animate-delay="0.1s"></div>
                <div class="ani zi1-kuang" swiper-animate-effect="fadeInDownBig" swiper-animate-duration="1.5s" swiper-animate-delay="1.3s"></div>
                <div class="ani zi2-kuang" swiper-animate-effect="fadeInDownBig" swiper-animate-duration="1.5s" swiper-animate-delay="1.3s"></div>
                <div class="ani zi3-kuang" swiper-animate-effect="fadeInLeftBig" swiper-animate-duration="1.5s" swiper-animate-delay="1.3s"></div>
                <div class="ani zi4-kuang" swiper-animate-effect="fadeInLeftBig" swiper-animate-duration="1.5s" swiper-animate-delay="1.3s"></div>
                <div class="ani zi5-kuang" swiper-animate-effect="fadeInRightBig" swiper-animate-duration="1.5s" swiper-animate-delay="1.3s"></div>
                <div class="ani zi6-kuang" swiper-animate-effect="fadeInRightBig" swiper-animate-duration="1.5s" swiper-animate-delay="1.3s"></div>
                <div class="ani zi7-kuang" swiper-animate-effect="bounceInRight" swiper-animate-duration="1.5s" swiper-animate-delay="1.3s"></div>
                <div class="ani zi8-kuang" swiper-animate-effect="bounceInUp" swiper-animate-duration="1.5s" swiper-animate-delay="1.3s"></div>
                <div class="ani zi9-kuang" swiper-animate-effect="bounceInLeft" swiper-animate-duration="1.5s" swiper-animate-delay="1.3s"></div>
                <div class="ani zi10-kuang" swiper-animate-effect="zoomIn" swiper-animate-duration="1s" swiper-animate-delay="2.7s"></div>
                <div class="ani zi11-kuang" swiper-animate-effect="zoomInDown" swiper-animate-duration="1s" swiper-animate-delay="3s"></div>
                <div class="ani zi12-kuang" swiper-animate-effect="bounceInDown" swiper-animate-duration="1s" swiper-animate-delay="3.3s"></div>
                
            </div>
            <div class="swiper-slide">
                <div class="ani fri-kuang" swiper-animate-effect="bounceInRight" swiper-animate-duration="1.5s" swiper-animate-delay="0.1s"></div>
                <div class="ani sed-kuang" swiper-animate-effect="bounceInUp" swiper-animate-duration="1.5s" swiper-animate-delay="0.1s"></div>
                <div class="ani tod-kuang" swiper-animate-effect="bounceInLeft" swiper-animate-duration="1.5s" swiper-animate-delay="0.1s"></div>
                <div class="ani fur-kuang" swiper-animate-effect="bounceInDown" swiper-animate-duration="1.5s" swiper-animate-delay="0.1s"></div>
                <p class="ani p1" swiper-animate-effect="rotateInDownLeft" swiper-animate-duration="1.5s" swiper-animate-delay="1s">心有猛虎</p>
                <p class="ani p2" swiper-animate-effect="rotateInUpLeft" swiper-animate-duration="1.5s" swiper-animate-delay="1s">细嗅蔷薇</p>
            </div>
            
            <div class="swiper-slide">
                <div class="ani sev-kuang" swiper-animate-effect="rotateIn" swiper-animate-duration="1s" swiper-animate-delay="0.1s"></div>
                <div class="ani eit-kuang" swiper-animate-effect="rotateIn" swiper-animate-duration="1s" swiper-animate-delay="0.1s"></div>
                 <div id="enter" class="ani" swiper-animate-effect="bounceInLeft" swiper-animate-duration="1s" swiper-animate-delay="1s">GO</div>
            </div>
        </div>
        <!-- Add Pagination -->
        <div class="swiper-pagination"></div>
    </div>

    <!--进入页面-->

    
    <div id="mainContainer">
         <div id="header">
             <p>me</p>
             <div id="bcode"><i class="iconfont icon-saoyisao" style="color:white"></i></div>
             <div id="fixed"><i class="iconfont icon-xiangce" style="color:white"></i></div>
        </div>
         <div id="wrapper">
            <div id="scroller">
                <ul></ul>
            </div>
        </div>

        <div id="footer">
            <ul id="foot">
               	<li id="me" class="active"><i class="iconfont icon-juxing6"></i>我</li>
                <li id="skill"><i class="iconfont icon-gou"></i>技能</li>
                <li id="project"><i class="iconfont icon-xiangmu-copy-copy"></i>项目</li>
                <li id="work"><i class="iconfont icon-zhiyejingli"></i>经历</li>
			
		  </ul>
        </div>y
    </div>
 
    <script src="./js/index.js"></script>
</body>
</html>